<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>goods</title>
		<link rel="stylesheet" href="../css/goods.css">
		<link rel="stylesheet" href="../css/index.css">
		<link rel="stylesheet" type="text/css" href="../plugins/bootstrap/css/bootstrap.css">
	</head>

	<body class="csgo">
		<!-- 导航栏 header -->
		<div class="header">
			<!-- logo -->
			<div class="logo">

			</div>

			<!-- 导航栏左边(首页+饰品市场) -->
			<div class="nav-left">
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">饰品市场</a></li>
				</ul>
			</div>

			<!-- 导航栏右边(我的库存+我的出售+我的求购+个人中心) -->
			<div class="nav-right">
				<ul>
					<li><a href="">我的库存</a></li>
					<li><a href="">我的出售</a></li>
					<li><a href="">我的求购</a></li>
					<span><a href="" class="right-logo"></a></span>
					<li><a href="">个人中心</a></li>
				</ul>
			</div>



		</div>
		<!--banner-begin-->
		<div class="container-fluid myBanner">
			<div class="row">
				<div id="myCarousel" class="carousel slide">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<div class="item active">
							<div class="focus-text">
								<h1>AK47-血腥运动</h1>

							</div>
							<img src="../images/cases/guangpu/AK-47%20-%20xuexingyundong.png" style="float: right;"
								alt="First slide">
						</div>
						<div class="item">
							<div class="focus-text">
								<h1>AWP-浮生如梦</h1>

							</div>
							<img src="../images/cases/guangpu/AWP%20-%20fushengrumeng.png" style="float: right;"
								alt="Second slide">
						</div>
						<div class="item">
							<div class="focus-text">
								<h1>M4A1-毁灭者2000</h1>

							</div>
							<img src="../images/cases/guangpu/M4A1%20-%20huimiezhe%202000.png" style="float: right;"
								alt="Third slide">
						</div>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="carousel-control left" href="#myCarousel" data-slide="prev"> <span _ngcontent-c3=""
							aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
					<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>

			</div>
		</div>
		<!--banner - end-->
		<!--热门推荐区域-->
		<div class="area1">
			<div class="l_Layout">
				<div class="sec-title">
					<span class="l_Right">
						<a href="" class="market-link" data-tab="selling">
							进入市场<i class="icon icon_arr_right_small"></i>
						</a>
					</span>
					<h2>热门饰品</h2>
					<ul style="list-style: none;">
						<li class="goods-game-selector" data-appid="730">
							<img src="../images/logo/logo_csgo.png">CS:GO
						</li>
						<li class="goods-game-selector" data-appid="570">
							<img src="../images/logo/logo_dota.png">DOTA2
						</li>
						<li class="goods-game-selector" data-appid="252490">
							<img src="../images/logo/logo_rust_black.png">RUST
						</li>
						<li class="goods-game-selector" data-appid="440">
							<img src="../images/logo/logo_tf2.png">军团要塞2
						</li>
					</ul>
				</div>
				
			</div>
		</div>
				<!--热门推荐区域 end-->
				<!--引用index.js-->
				<script type="text/javascript" src="../js/index.js"></script>
				<!--引入jquery-->
				<script type="text/javascript" src="../plugins/jquery/jquery.min.js"></script>
				<!--引入bootstrap.js-->
				<script type="text/javascript" src="../plugins/bootstrap/js/bootstrap.js"></script>
				<!--引入延迟加载js-->
				<script type="text/javascript" src="../plugins/lazyload/jquery-lazyload.min.js"></script>
	</body>
</html>
